/* 
    Document   : pagina
    Created on : 14/04/2011, 23:38:17
    Author     : Gutto
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#divPagina {
    position:absolute;
    left:0px;
    top:0px;
    width:1024px;
    height:768px;
    z-index:1;
    overflow: auto;
    visibility: visible;

}
#divBanner {
    position:absolute;
    left:0px;
    top:0px;
    width:1024px;
    height:159px;
    z-index:2;
    overflow: hidden;
    visibility: visible;

    background-image: url(../img/banner.jpg);
}
#divEsquerda {
    position:absolute;
    left:0px;
    top:194px;
    width:203px;
    height:283px;
    z-index:3;
    overflow: hidden;
    visibility: visible;

    background-image: url(../img/menuesquerda.jpg);
}
#divDireita {
    position:absolute;
    left:831px;
    top:194px;
    width:193px;
    height:283px;
    z-index:4;
    overflow: hidden;
    visibility: visible;

    background-image: url(../img/menudireita.jpg);
}
#divBarra {
    position:absolute;
    left:0px;
    top:161px;
    width:1024px;
    height:31px;
    z-index:5;
    background-image: url(../img/barra.jpg);
}
#divCentro {
    position:absolute;
    left:202px;
    top:194px;
    width:628px;
    height:283px;
    z-index:6;
    overflow: scroll;
    background-image: url(../img/centro.jpg);
}
#divBaixo {
    position:absolute;
    left:0px;
    top:478px;
    width:1024px;
    height:210px;
    z-index:7;
    background-image: url(../img/baixo.jpg);
}
#botaoEsq1 {
    position:absolute;
    left:80px;
    top:243px;
    width:137px;
    height:30px;
    z-index:6;
    visibility: visible;

}
#botaoEsq2 {
    position:absolute;
    left:65px;
    top:286px;
    width:137px;
    height:30px;
    z-index:3;
}
#botaoEsq3 {
    position:absolute;
    left:80px;
    top:330px;
    width:137px;
    height:30px;
    z-index:4;
}
#botaoEsq4 {
    position:absolute;
    left:67px;
    top:373px;
    width:137px;
    height:30px;
    z-index:5;
}
#botaoDir1 {
    position:absolute;
    left:858px;
    top:235px;
    width:137px;
    height:30px;
    z-index:2;
    visibility: visible;
}
#botaoDir2 {
    position:absolute;
    left:858px;
    top:278px;
    width:137px;
    height:30px;
    z-index:3;
}
#botaoDir3 {
    position:absolute;
    left:858px;
    top:322px;
    width:137px;
    height:30px;
    z-index:4;
    visibility: visible;
}
#botaoDir4 {
    position:absolute;
    left:858px;
    top:365px;
    width:137px;
    height:30px;
    z-index:5;
    visibility: visible;
}

#corAzul {
    position:absolute;
    left:737px;
    top:21px;
    width:20px;
    height:20px;
    z-index:2;
    visibility: visible;
}
#corVerde {
    position:absolute;
    left:762px;
    top:21px;
    width:20px;
    height:20px;
    z-index:3;
    visibility: visible;
}
#corVermelha {
    position:absolute;
    left:788px;
    top:21px;
    width:20px;
    height:20px;
    z-index:4;
}
#idiPort {
    position:absolute;
    left:839px;
    top:18px;
    width:24px;
    height:21px;
    z-index:2;
    visibility: visible;
}
#idiIngles {
    position:absolute;
    left:866px;
    top:18px;
    width:24px;
    height:21px;
    z-index:3;
    visibility: visible;
}
#idiEspanhol {
    position:absolute;
    left:893px;
    top:18px;
    width:24px;
    height:21px;
    z-index:4;
    visibility: visible;
}
#botaoTopoEsq {
    position:absolute;
    left:205px;
    top:3px;
    width:308px;
    height:24px;
    z-index:2;
    visibility: visible;
}
#botaoTopoDir {
    position:static;
    left:525px;
    top:3px;
    width:308px;
    height:24px;
    z-index:3;
    visibility: visible;
    display: inline-block;
}


#divCentroEsq {
    position:absolute;
    left:202px;
    top:194px;
    width:314px;
    height:250px;
    z-index:2;
    visibility: visible;
    overflow: visible;
    text-align: justify;
   

}

#divBotoes {
    position:absolute;
    left:202px;
    top:355px;
    width:314px;
    height:300px;
    z-index:auto;
    visibility: visible;
    overflow: auto;
    text-align: left;
}
#divCentroDir {
    position:absolute;
    left:516px;
    top:194px;
    width:314px;
    height:156px;
    z-index:3;
    visibility: visible;
    overflow: auto;
    text-align: left;
    display: inline-block;
}
#divTabela {
    position:absolute;
    left:202px;
    top:350px;
    width:627px;
    height:130px;
    z-index:4;
    overflow: scroll;
    visibility: visible;
}

